﻿/*!
 * tui css document
 * Copyright  tianhao
 */
/*-------Image---------------*/
img { box-sizing: border-box; max-width: 100%; height: auto; vertical-align: middle; border: 0; }

/*-------面板相关-----------*/
.tui_panel .panel_top { width: 100%; overflow: hidden; font-weight: 700; height: 41px; line-height: 41px; color: #ffffff; background: #1986e3; }
.tui_panel .panel_top a { color: #ffffff; }
.tui_panel .panel_title { float: left; padding-left: 12px; font-size: 14px; font-family: "微软雅黑"; }
.tui_panel .panel_status { float: right; padding-right: 14px; }
.tui_panel .panel_status a { padding-left: 20px; cursor: pointer; }
.tui_panel .panel_status i { padding-right: 2px; margin-top: 10px; vertical-align: top; }
.tui_panel .panel_middle { padding-top: 11px; padding-left: 7px; padding-right: 7px; background: #fafafa; border-left: 1px solid #1986e3; border-right: 1px solid #1986e3; border-bottom: 1px solid #1986e3; }

/*-------tooltip-----------*/
.tooltip { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; white-space: normal; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); background-clip: padding-box; }
.tooltip.top { margin-top: -10px; }
.tooltip.right { margin-left: 10px; }
.tooltip.bottom { margin-top: 10px; }
.tooltip.left { margin-left: -10px; }
.tooltip-inner { padding: 4px 10px; font-size: 12px; line-height:180%;}
.tooltip .tooltip-arrow, .tooltip .tooltip-arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }
.tooltip .tooltip-arrow { border-width: 11px; }
.tooltip .tooltip-arrow:after { border-width: 10px; content: ""; }
.tooltip.top .tooltip-arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; }
.tooltip.top .tooltip-arrow:after { bottom: 1px; margin-left: -10px; border-top-color: #ffffff; border-bottom-width: 0; content: " "; }
.tooltip.right .tooltip-arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; }
.tooltip.right .tooltip-arrow:after { bottom: -10px; left: 1px; border-right-color: #ffffff; border-left-width: 0; content: " "; }
.tooltip.bottom .tooltip-arrow { top: -11px; left: 50%; margin-left: -11px; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); border-top-width: 0; }
.tooltip.bottom .tooltip-arrow:after { top: 1px; margin-left: -10px; border-bottom-color: #ffffff; border-top-width: 0; content: " "; }
.tooltip.left .tooltip-arrow { top: 50%; right: -11px; margin-top: -11px; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); border-right-width: 0; }
.tooltip.left .tooltip-arrow:after { right: 1px; bottom: -10px; border-left-color: #ffffff; border-right-width: 0; content: " "; }
.tooltip-inner .tui_step_title { margin-top: -4px; margin-left: -10px; margin-right: -10px; padding: 2px 8px; margin-bottom: 5px; border-bottom: 1px solid #ebebeb; }

.fade { opacity: 0; -webkit-transition: opacity .5s linear; -o-transition: opacity .5s linear; transition: opacity .5s linear; }
.fade.in { opacity: 1; }

/*------alert-conirm-dialog----*/
.tui_popWinBox{ width: 100%;  z-index: 9000; position: fixed; top: 0px; bottom: 0px;}
.tui_popWin { width: 350px; background: #ffffff; position: fixed; z-index: 10000; background: #ffffff; }
.tui_popWin .title { height: 35px; line-height: 35px; color: #ffffff; background: #1986e3; padding-left: 5px;font-weight:bold; }
.tui_popWin .closeBtn { width: 18px; height: 18px; background:  url(../images/pop_close.png) 0px 0px no-repeat; position: absolute; top: 10px; right: 11px; cursor: pointer; cursor: pointer; }
.tui_popWin .closeBtn:hover{ width: 18px; height: 18px; background:  url(../images/pop_close.png) 0px -18px no-repeat; position: absolute; top: 10px; right: 11px; cursor: pointer; cursor: pointer; }
.tui_popWin .content { padding: 20px; border: solid 1px #8d8d8d; padding-bottom: 50px; word-wrap: break-word; word-break: normal; overflow: hidden; }
.tui_popWin.dialog .content { padding: 0px; border: solid 1px #8d8d8d; overflow: hidden; }

.tui_popWin .btnbox{position:absolute;bottom:10px; right:0px; height:30px;}
.sureBtn,.cancelBtn{display:inline-block;text-align:center;background: transparent url(../images/btn_bg.jpg) repeat scroll 0px 0px; border: 1px solid #767676; line-height: normal !important; border-radius: 3px; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1); color: #434547; cursor: pointer; margin-right:10px;padding: 4px 14px;}
.sureBtn:hover,.cancelBtn:hover{ background: transparent url(../images/btn_bg_hover.jpg) repeat scroll 0px 0px; border: 1px solid #7db5de; cursor: pointer; text-decoration:none;color: #434547;}

.tui_winMask { width: 100%; position: fixed; background: #000000; top: 0px; bottom: 0px; opacity: 0.1; filter: alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1; }

/*右下角提示框*/
.popmsg { position: relative; width: 250px; margin: 0 auto; border: 5px solid rgba(0, 0, 0, 0.3); border-radius: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); position: fixed; bottom: 5px; right: 5px; display: none; z-index: 9000; }
.popmsg .popmsg_header { position: relative; padding: 10px; height: 20px; margin: 0 0 -1px; line-height: 20px; border-bottom: 1px solid #ddd; border-radius: 5px 5px 0 0; background: #fafafa; }
.popmsg .popmsg_title { float: left; font-size: 16px; }
.popmsg .popmsg_tool { float: right; opacity: 0.8; filter: alpha(opacity=60); }
.popmsg .popmsg_tool:hover { opacity: 1; filter: alpha(opacity=100); }
.popmsg .popmsg_tool a { display: inline-block; width: 16px; height: 16px; margin: 2px 0px 0px 2px; vertical-align: top; text-indent: -9999px; }
.popmsg .popmsg_tool a.close { background: url(../images/panel_tools.png) -16px 0px no-repeat; }
.popmsg .popmsg_content { padding: 5px; background: #fff; }
.popmsg .popmsg_btm_btn { height: 30px; line-height: 30px; margin: -1px 0 0; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #ddd; background: #f7f7f7; text-align: right; padding-right: 10px; }
.popmsg .popmsg_btm_btn .button { background: transparent url(../images/btn_bg.jpg) repeat scroll 0px 0px; border: 1px solid #767676; height: 27px; line-height: 24px; border-radius: 3px; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1); color: #434547; min-width: 60px; cursor: pointer; }
.popmsg .popmsg_btm_btn .button:hover { background: transparent url(../images/btn_bg_hover.jpg) repeat scroll 0px 0px; border: 1px solid #7db5de; cursor: pointer; }
.popmsg .popmsg_content:last-child, .popmsg .popmsg_btm_btn { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }

/*浮动面板 floatpanel*/
.tui_floatPanel { position: fixed; z-index: 9199; width: 260px; }
.floatpanel_top_left { left: 10px; top: 0px; }
.floatpanel_top_center { left: 50%; top: 0px; margin-left: -130px; }
.floatpanel_bottom_center { left: 50%; margin-left: -130px; bottom: 0px; }
.floatpanel_top_right { right: 10px; top: 0px; }
.floatpanel_bottom_left { left: 10px; bottom: 0px; }
.floatpanel_bottom_right { right: 10px; bottom: 0px; }
.floatpanel_left_top { left: 0; top: 10px; }
.floatpanel_right_top { right: 0; top: 10px; }
.tui_floatPanel .floatpanel_contop { border: 1px solid #1986E3; background: #f4f4f4; border-top: none; min-height: 150px; height: 200px; padding: 5px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, .24) }
.floatpanel_left_top .floatpanel_contop { float: left; width: 220px; border: 1px solid #1986E3; border-left: none; z-index: 9999 }
.floatpanel_right_top .floatpanel_contop { float: left; width: 220px; border: 1px solid #1986E3; border-left: right; }
.tui_floatPanel .floatpanel_conbottom { border: 1px solid #1986E3; background: #f4f4f4; border-bottom: none; min-height: 150px; height: 200px; padding: 5px; box-shadow: 2px -2px 4px rgba(0, 0, 0, 0.25); -moz-box-shadow: 2px -2px 4px rgba(0, 0, 0, .25) }
.tui_floatPanel .floatpanel_con { height: 100%; overflow: auto; line-height: 180% }
.floatpanel_top_center .floatpanel_btntop { text-align: center; }
.floatpanel_bottom_center .floatpanel_btnbottom { text-align: center; }
.floatpanel_top_right .floatpanel_btntop { text-align: right; }
.floatpanel_bottom_right .floatpanel_btnbottom { text-align: right; }
.floatpanel_left_top .floatpanel_btntop { float: left; }
.floatpanel_right_top .floatpanel_btntop { float: left; }
.tui_floatPanel .floatpanel_btn_btntop { margin: 0px; padding: 0px; background: #1986E3; width: 160px; height: 28px; color: #FFF; border: 0px none; cursor: pointer; }
.floatpanel_left_top .floatpanel_btn_btntop, .floatpanel_right_top .floatpanel_btn_btntop { margin: 0px; padding: 0px; background: #1986E3; width: 28px; height: 160px; color: #FFF; border: 0px none; cursor: pointer; writing-mode: tb-rl; letter-spacing: 5px; }
.floatpanel_right_top .floatpanel_contop { box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.25); -moz-box-shadow: -2px 2px 4px rgba(0, 0, 0, .25) }

/*回到顶部*/
.tui_backtop{display:none; width:50px; height:50px; border:1px solid #cccccc; font-size:32px; text-align:center; position:fixed;bottom:10px;right:10px;font-weight:bold;color:#7a818e;}
.tui_backtop:hover{text-decoration:none;color:#1D7AD9;}
/*-------zTree-----------*/
.ztree * { padding: 0; margin: 0; font-size: 12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif }
.ztree { margin: 0; padding: 5px; color: #333 }
.ztree li { padding: 0; margin: 0; list-style: none; line-height: 14px; text-align: left; white-space: nowrap; outline: 0 }
.ztree li ul { margin: 0; padding: 0 0 0 18px }
.ztree li ul.line { background: url(../images/ztree/line_conn.gif) 0 0 repeat-y; border: 0px; }
.ztree li a { padding: 1px 3px 0 0; margin: 0; cursor: pointer; height: 17px; color: #333; background-color: transparent; text-decoration: none; vertical-align: top; display: inline-block }
.ztree li a:hover { text-decoration: underline }
.ztree li a.curSelectedNode { padding-top: 0px; background-color: #FFE6B0; color: black; height: 16px; border: 1px #FFB951 solid; opacity: 0.8; }
.ztree li a.curSelectedNode_Edit { padding-top: 0px; background-color: #FFE6B0; color: black; height: 16px; border: 1px #FFB951 solid; opacity: 0.8; }
.ztree li a.tmpTargetNode_inner { padding-top: 0px; background-color: #316AC5; color: white; height: 16px; border: 1px #316AC5 solid; opacity: 0.8; filter: alpha(opacity=80) }
.ztree li a.tmpTargetNode_prev { }
.ztree li a.tmpTargetNode_next { }
.ztree li a input.rename { height: 14px; width: 80px; padding: 0; margin: 0; font-size: 12px; border: 1px #7EC4CC solid; *border:0px
}
.ztree li span { line-height: 16px; margin-right: 2px }
.ztree li span.button { line-height: 0; margin: 0; width: 16px; height: 16px; display: inline-block; vertical-align: middle; border: 0 none; cursor: pointer; outline: none; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-image: url("../images/ztree/zTreeStandard.png"); *background-image:url("../images/ztree/zTreeStandard.gif")}
.ztree li span.button.chk { width: 13px; height: 13px; margin: 0 3px 0 0; cursor: auto }
.ztree li span.button.chk.checkbox_false_full { background-position: 0 0 }
.ztree li span.button.chk.checkbox_false_full_focus { background-position: 0 -14px }
.ztree li span.button.chk.checkbox_false_part { background-position: 0 -28px }
.ztree li span.button.chk.checkbox_false_part_focus { background-position: 0 -42px }
.ztree li span.button.chk.checkbox_false_disable { background-position: 0 -56px }
.ztree li span.button.chk.checkbox_true_full { background-position: -14px 0 }
.ztree li span.button.chk.checkbox_true_full_focus { background-position: -14px -14px }
.ztree li span.button.chk.checkbox_true_part { background-position: -14px -28px }
.ztree li span.button.chk.checkbox_true_part_focus { background-position: -14px -42px }
.ztree li span.button.chk.checkbox_true_disable { background-position: -14px -56px }
.ztree li span.button.chk.radio_false_full { background-position: -28px 0 }
.ztree li span.button.chk.radio_false_full_focus { background-position: -28px -14px }
.ztree li span.button.chk.radio_false_part { background-position: -28px -28px }
.ztree li span.button.chk.radio_false_part_focus { background-position: -28px -42px }
.ztree li span.button.chk.radio_false_disable { background-position: -28px -56px }
.ztree li span.button.chk.radio_true_full { background-position: -42px 0 }
.ztree li span.button.chk.radio_true_full_focus { background-position: -42px -14px }
.ztree li span.button.chk.radio_true_part { background-position: -42px -28px }
.ztree li span.button.chk.radio_true_part_focus { background-position: -42px -42px }
.ztree li span.button.chk.radio_true_disable { background-position: -42px -56px }
.ztree li span.button.switch { width: 18px; height: 18px }
.ztree li span.button.root_open { background-position: -92px -54px }
.ztree li span.button.root_close { background-position: -74px -54px }
.ztree li span.button.roots_open { background-position: -92px 0 }
.ztree li span.button.roots_close { background-position: -74px 0 }
.ztree li span.button.center_open { background-position: -92px -18px }
.ztree li span.button.center_close { background-position: -74px -18px }
.ztree li span.button.bottom_open { background-position: -92px -36px }
.ztree li span.button.bottom_close { background-position: -74px -36px }
.ztree li span.button.noline_open { background-position: -92px -72px }
.ztree li span.button.noline_close { background-position: -74px -72px }
.ztree li span.button.root_docu { background: none; }
.ztree li span.button.roots_docu { background-position: -56px 0 }
.ztree li span.button.center_docu { background-position: -56px -18px }
.ztree li span.button.bottom_docu { background-position: -56px -36px }
.ztree li span.button.noline_docu { background: none; }
.ztree li span.button.ico_open { margin-right: 2px; background-position: -110px -16px; vertical-align: top; *vertical-align:middle}
.ztree li span.button.ico_close { margin-right: 2px; background-position: -110px 0; vertical-align: top; *vertical-align:middle}
.ztree li span.button.ico_docu { margin-right: 2px; background-position: -110px -32px; vertical-align: top; *vertical-align:middle}
.ztree li span.button.edit { margin-right: 2px; background-position: -110px -48px; vertical-align: top; *vertical-align:middle}
.ztree li span.button.remove { margin-right: 2px; background-position: -110px -64px; vertical-align: top; *vertical-align:middle}
.ztree li span.button.ico_loading { margin-right: 2px; background: url(../images/ztree/loading.gif) no-repeat scroll 0 0 transparent; vertical-align: top; *vertical-align:middle}
ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}
span.tmpzTreeMove_arrow {width:16px; height:16px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
	background-position:-110px -80px; background-image:url("../images/ztree/zTreeStandard.png"); *background-image:url("../images/ztree/zTreeStandard.gif")}
ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
.zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}
.inputztree {margin-top: 10px;border: 1px solid #617775;background: #FFFFFF;width:220px;height:360px;overflow-y:scroll;overflow-x:auto;}

/*文本*/
/*文本列表*/
.list_group{}
.list_group li{clear:both;zoom: 1;border-bottom:1px dotted #666;padding-top:6px;padding-bottom:6px;}
.list_group li:after { content: "\20"; display: block; height: 0; clear: both; visibility: hidden }
.list_group .time{float:right;color: #9FADCD;font-family: Arial;}
.list_group .list_group_item_text{margin-top: 3px;color: #757575;overflow: hidden;text-overflow: ellipsis;line-height:16px;max-height:32px;clear:both;}

/*进度条*/
.progress { height: 14px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); }
.progress_bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 14px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; }
.progress_bar_success { background-color: #5cb85c; }
.progress_bar_info { background-color: #5bc0de; }
.progress_bar_warning { background-color: #f0ad4e; }
.progress_bar_danger { background-color: #d9534f; }
.sr_only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0);  border: 0;}

/*信息提示条*/
.tuialert{ position:relative;padding:8px 35px 8px 14px;margin-bottom: 20px;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);background-color: #fcf8e3;border: 1px solid #fbeed5;border-radius: 4px}
.tuialert .icon_remove{position:absolute;top:8px;right:10px;line-height: 20px;cursor:pointer; color:#000; opacity:0.2;_color:#666;font-size:14px;}
.tuialert .icon_remove:hover{ color:#000;opacity:0.8;}
.tuialert_success{color: #468847;background-color: #dff0d8;border-color: #d6e9c6}
.tuialert_info{color: #3a87ad;background-color: #d9edf7;border-color: #bce8f1}
.tuialert_danger{color: #8A6D3B;background-color:#FCF8E3;border-color: #FAEBCC}
.tuialert_error{color: #A94442;background-color:#F2DEDE;border-color: #EBCCD1}

/*layout*/
.tui_layout:after { content: "\20"; display: block; height: 0; clear: both; visibility: hidden }
.tui_layout{ zoom: 1; position:relative; }

/*scrollbar*/
.tui_scorllBox{position: relative; overflow:hidden;}
.tui_scorllBox .scrollContent{margin-right:25px;}
.tui_scorllBox .scroll {top:0px;right:0px;width: 11px;bottom:0px;background: #cccccc;position: absolute;border-radius:.6em;}
.tui_scorllBox .scroll p{width: 11px;height: 61px;background: url(../images/scroll.png);cursor: pointer;left: 0;top: 1px; position: absolute;}

/*page*/
.bg_404box{width:761px; height:384px; margin:0 auto; background:url(../images/page/bg404.jpg); margin-top:70px; position:relative;}
.bg_404box div{margin-bottom:10px;}
.bg_404box .tip{left:34px; top:122px; position:absolute;}
.bg_404box .tel{font-weight:700; font-size:16px; font-family:"微软雅黑"; height:25px; line-height:25px; }
.bg_404box .tel_icon{width:21px; height:25px;  background:url(../images/page/tel.png); display:inline-block;}
.bg_404box .tel span{vertical-align: middle!important;}

.tui_customPage{width:500px; height:384px; margin:0 auto;margin-top:70px; position:relative;}
.tui_customPage .tip{padding-top:20px;}
.tui_customPage .pageIcon{float:left; margin-right:20px; width:69px; height:128px;background-position:center center;background-repeat: no-repeat;}
.tui_customPage .title{font-size:24px;padding-bottom:10px;}
.tui_customPage .btns .btn{margin:5px;margin-top:20px;}
.tui_customPage .success{color:#329900; background-image:url(../images/page/icon_pageSuccess.png);}
.tui_customPage .error{color:red; background-image:url(../images/page/icon_pageError.png);}
.tui_customPage .info{color:#1986e3;background-image:url(../images/page/icon_pageInfo.png);}